<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="index.css"/>
</head>
<body>
    <div class="jd_layout">
        <header class="jd_header">
            <div class="jd_header_box">
                <a href="#" class="icon_logo"></a>
                <form class="form">
                    <span class="icon_search"></span>
                    <input type="search" autocomplete="off" placeholder="3点限量抢 十款爆品9.9元">
                </form>
                <a href="http://login.jd.com"  class="login">登录</a>
            </div>
        </header>
        <div class="jd_banner">
            <ul>
                <li><img src="../images/l1.jpg"></li>
                <li><img src="../images/l2.jpg"></li>
                <li><img src="../images/l3.jpg"></li>
                <li><img src="../images/l4.jpg"></li>
                <li><img src="../images/l5.jpg"></li>
                <li><img src="../images/l6.jpg"></li>
                <li><img src="../images/l7.jpg"></li>
                <li><img src="../images/l8.jpg"></li>
            </ul>
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <nav class="jd_nav">
            <ul class="clearfix">
                <li>
                    <img src="../images/nav0.png">
                    <p>分类浏览</p>
                </li>
                <li>
                    <img src="../images/nav1.png">
                    <p>物流查询</p>
                </li>
                <li>
                    <img src="../images/nav2.png">
                    <p>购物车</p>
                </li>
                <li>
                    <img src="../images/nav3.png">
                    <p>我的京东</p>
                </li>
                <li>
                    <img src="../images/nav4.png">
                    <p>充值</p>
                </li>
                <li>
                    <img src="../images/nav5.png">
                    <p>领券中心</p>
                </li>
                <li>
                    <img src="../images/nav6.png">
                    <p>京东超市</p>
                </li>
                <li>
                    <img src="../images/nav7.png">
                    <p>我的关注</p>
                </li>
            </ul>   
        </nav>
        <section class="jd_section">
            <div class="jd_floor">
                <div class="jd_floor_tit">
                    <span class="killSecond_icon"></span>
                    <span class="killSecond_name">掌上秒杀</span>
                    <div class="killSecond_time">
                        <span class="num">0</span>
                        <span class="num">0</span>
                        <span class="mao">:</span>
                        <span class="num">0</span>
                        <span class="num">0</span>
                        <span class="mao">:</span>
                        <span class="num">0</span>
                        <span class="num">0</span>
                    </div>
                    <a class="killSecond_more" href="#" >更多></a>
                </div>
                <div class="jd_floor_con no_bor">
                    <ul class="killSecond_product clearfix">
                        <li>
                            <a href="#">
                                <img src="../images/seckill_1.jpg">
                                <p class="old_price">¥89.00</p>
                                <p class="new_price">¥189.00</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/seckill_1.jpg">
                                <p class="old_price">¥89.00</p>
                                <p class="new_price">¥189.00</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/seckill_1.jpg">
                                <p class="old_price">¥89.00</p>
                                <p class="new_price">¥189.00</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="jd_floor">
                <div class="jd_floor_tit">
                    <h3>360摄像机夜视版抢购</h3>
                </div>
                <div class="jd_floor_con">
                    <a href="#" class="big_img_box"><img src="../images/banner_1.jpg" alt=""/></a>
                </div>
            </div>
            <div class="jd_floor">
                <div class="jd_floor_tit">
                    <h3>超值购</h3>
                </div>
                <div class="jd_floor_con clearfix">
                    <a href="#" class="product_img_box f_left b_right"><img src="../images/cp1.jpg"></a>
                    <a href="#" class="product_img_box f_right b_bottom"><img src="../images/cp2.jpg"></a>
                    <a href="#" class="product_img_box f_right"><img src="../images/cp3.jpg"></a>
                </div>
            </div>
            <div class="jd_floor">
                <div class="jd_floor_tit">
                    <h3>热门活动</h3>
                </div>
                <div class="jd_floor_con clearfix">
                    <a href="#" class="product_img_box f_right b_left"><img src="../images/cp4.jpg"></a>
                    <a href="#" class="product_img_box f_left b_bottom"><img src="../images/cp5.jpg"></a>
                    <a href="#" class="product_img_box f_left"><img src="../images/cp6.jpg"></a>
                </div>
            </div>
        </section>
    </div>
    <div class="jd_go_top"></div>
</body>
</html>